<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>员工资料</title>
</head>
<body>
<style>
.input-information{
	height: 20px;
    width: 200px;
    border-radius: 2px;
    outline: none;
    border: solid 1px lightgray;
    font-size: 15px;
    color:gray;
}
.input-information:hover{
	border:solid 1px lightseagreen;
}
.shengpi{
		display: block;
    	color: #1AB394;
    	font-weight: 700;
	}
	.center-body{
		margin: 10px 0px;
	    min-height: 140px;
	    background-color: rgba(255,255,255,1);
	    box-sizing: border-box;
	    border-width: 1px;
	    border-style: solid;
	    border-color: rgba(229,230,231,1);
	    border-radius: 2px;
	    position: relative;
	    padding: 20px;
	}
	.center-shengpi{
		width: 60px;
	    height: 100px;
	    margin-right: 50px;
	    float: left;
	    position: relative;
	}
	.center-shengpi img{
		width: 60px;
    	height: 60px;
    	border-radius: 30px;
	}
	.text-center{
		width: 16px;
	    height: 16px;
	    text-align: center;
	    background-color: rgba(24,166,137,1);
	    position: absolute;
	    line-height: 20px;
	    right: 4px;
	    top: 45px;
	    border-radius: 50%;
	}
	.textsex{
		width: 16px;
	    height: 16px;
	    background-color: rgba(24,166,137,1);
	    position: absolute;
	    line-height: 20px;
	    right: 4px;
	    top: 65px;
	    border-radius: 50%;
	}
	.report-pic{
		padding-top: 10px;
	    font-size: 15px;
	    color: #666;
	}
	.pic{
		width: 80px;
	    height: 100px;
	    margin-right: 50px;
	    float: left;
	    position: relative;
	}
	.pic div{
		text-align: center;
	}
	.pic img{
		width: 80px;
	    height: 80px;
	    border-radius: 50%;
	    vertical-align: middle;
	}
</style>
	<div style="width:80%;margin:20px auto;box-shadow:1px 1px 1px lightgray;background:white;">
		<div class="information_top" style="height:200px;">
			<img alt="" src="static/easyui/themes/icons/tiaowen.png" style="width:100%;"/>
			<div style="height:130px;">
				<img alt="" src="static/easyui/themes/icons/tx.jpg" style="width:130px;height:130px;display:inline-blcck;float:left;">
				<div style="display:inline-block;float:left;">
					<div style="border-bottom:solid 1px #E0E0E0;width: calc(660px);">
						<span style="width: fit-content; display: inline-block;height: 25px;float: left; font-size: 18px;margin: 0px 5px;color:#333333;" class="iid" abbr="${staffxq[0]['staff_id']}">${staffxq[0]["Staff_name"]}</span>
						<img alt="" src="static/easyui/themes/icons/zaizhi.png">
					</div>
					<div style="height: 30px;line-height: 30px;font-size: 14px;">
						<span style="width: 80px; text-align: center;display: inline-block;">部门：</span>
						<span>${staffxq[0]["depart_name"]==null?'--':''}${staffxq[0]["depart_name"]}</span><span style="margin:0 5px;">|</span><span>${staffxq[0]["position_name"]==null?'--':''}${staffxq[0]["position_name"]}</span>
					</div>
					<div style="height: 30px;line-height: 30px;font-size: 14px;">
						<span style="width: 80px; text-align: center;display: inline-block;">入职日期：</span>
						<span>${staffxq[0]["Dateentry"]==null?'--':''}${staffxq[0]["Dateentry"]}</span>
					</div>
					<div style="height: 30px;line-height: 30px;font-size: 14px;">
						<span style="width: 80px; text-align: center;display: inline-block;">手机号码：</span>
						<span>${staffxq[0]["Staff_phone"]==null?'--':''}${staffxq[0]["Staff_phone"]}</span>
					</div>
				</div>
			</div>
		</div>
		<div style="padding:10px;">
		<h4 class="geren" style="font-weight:normal;font-size:16px;" abbr="${staffxq[0]['id']}">基本信息</h4><hr>
		</div>
		<div style="padding:20px;">
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">姓名：</label><input class="input-information" value="${staffxq[0]['Staff_name']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">证件类型：</label>
					<select class="input-information zhengjian" style="height:25px;margin-left: -3px;" readonly="readonly" disabled="disabled">
						<option style="display:none" value="${staffxq[0]['zhengjian']==1?'身份证':'其他'}">${staffxq[0]['zhengjian']==1?'身份证':'其他'}</option>
						<option  value="身份证">身份证</option>
						<option  value="其他">其他</option>
					</select>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label class="position_id" style="width:36%;text-align:center;display:inline-block;font-size:15px;" abbr="${staffxq[0]['position_id']}">职位：</label><input class="input-information" value="${staffxq[0]['position_name']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label class="Depart_id" style="width:36%;text-align:center;display:inline-block;font-size:15px;" abbr="${staffxq[0]['Depart_id']}">部门：</label><input class="input-information" value="${staffxq[0]['depart_name']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">手机号码：</label><input class="input-information phone" value="${staffxq[0]['Staff_phone']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">证件号：</label><input class="input-information zhengjianhao" value="${staffxq[0]['zhengjiannumber']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">员工类型：</label>
					<select class="input-information staff_type" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						<option style="display:none" value="${staffxq[0]['staff_type']==1?'全职':''}
						${staffxq[0]['staff_type']==2?'兼职':''}${staffxq[0]['staff_type']==3?'实习':''}
						${staffxq[0]['staff_type']==4?'退休返聘':''}${staffxq[0]['staff_type']==5?'其他':''}">${staffxq[0]['staff_type']==1?'全职':''}
						${staffxq[0]['staff_type']==2?'兼职':''}${staffxq[0]['staff_type']==3?'实习':''}
						${staffxq[0]['staff_type']==4?'退休返聘':''}${staffxq[0]['staff_type']==5?'其他':''}</option>
						<option  value="全职">全职</option>
						<option  value="兼职">兼职</option>
						<option  value="实习">实习</option>
						<option  value="退休返聘">退休返聘</option>
						<option  value="其他">其他</option>
					</select>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">入职日期：</label><input class="input-information dateentry" type="date" value="${staffxq[0]['Dateentry']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">合同类型：</label>
					<select class="input-information ht_type" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						<option style="display:none" value="${staffxq[0]['contract_type_name']==1?'劳动合同':''}${staffxq[0]['contract_type_name']==2?'劳务合同':''}
						${staffxq[0]['contract_type_name']==3?'实习合同':''}${staffxq[0]['contract_type_name']==4?'无固定期限劳动合同':''}
						${staffxq[0]['contract_type_name']==5?'其他合同':''}">${staffxq[0]['contract_type_name']==1?'劳动合同':''}${staffxq[0]['contract_type_name']==2?'劳务合同':''}
						${staffxq[0]['contract_type_name']==3?'实习合同':''}${staffxq[0]['contract_type_name']==4?'无固定期限劳动合同':''}
						${staffxq[0]['contract_type_name']==5?'其他合同':''}</option>
						<option  value="劳动合同">劳动合同</option>
						<option  value="劳务合同">劳务合同</option>
						<option  value="实习合同">实习合同</option>
						<option  value="无固定期限劳动合同">无固定期限劳动合同</option>
						<option  value="其他合同">其他合同</option>
					</select>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="padding-left: 5px;width:36%;text-align:left;display:inline-block;border-left: solid 3px lightseagreen;font-size:15px;">合同信息：</label>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">当前合同起始日：</label><input class="input-information ht_start" type="date" value="${staffxq[0]['start_date']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">当前合同终止日：</label><input class="input-information ht_end" type="date" value="${staffxq[0]['end_date']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">试用期到期日：</label><input class="input-information ht_finish" type="date" value="${staffxq[0]['try_end_date']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="padding-left: 5px;width:36%;text-align:left;display:inline-block;border-left: solid 3px lightseagreen;font-size:15px;">员工信息：</label>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">证件姓名：</label><input class="input-information name" value="${staffxq[0]['Staff_name']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">性别：</label>
					<select class="input-information sex" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						 
						<option style="display:none" value="${staffxq[0]['Staff_sex']==1?'男':''}${staffxq[0]['Staff_sex']==2?'女':''}">${staffxq[0]['Staff_sex']==1?'男':''}${staffxq[0]['Staff_sex']==2?'女':''}</option>
						<option  value="男">男</option>
						<option  value="女">女</option>
					</select>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">出生日期：</label><input class="input-information birthday" type="date" value="${staffxq[0]['birthday']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">民族：</label><input class="input-information national" value="${staffxq[0]['national']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">户口所在地：</label><input class="input-information idaddress" value="${staffxq[0]['idaddress']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">居住地址：</label><input class="input-information localaddress" value="${staffxq[0]['localaddress']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">政治面貌：</label>
					<select class="input-information political" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						<option style="display:none" value="${staffxq[0]['Staff_Political']==1?'党员':''}
						${staffxq[0]['Staff_Political']==2?'预备党员':''}${staffxq[0]['Staff_Political']==3?'民主党派':''}
						${staffxq[0]['Staff_Political']==4?'团员':''}${staffxq[0]['Staff_Political']==5?'群众':''}
						${staffxq[0]['Staff_Political']==6?'其他':''}">${staffxq[0]['Staff_Political']==1?'党员':''}
						${staffxq[0]['Staff_Political']==2?'预备党员':''}${staffxq[0]['Staff_Political']==3?'民主党派':''}
						${staffxq[0]['Staff_Political']==4?'团员':''}${staffxq[0]['Staff_Political']==5?'群众':''}
						${staffxq[0]['Staff_Political']==6?'其他':''}</option>
						<option  value="党员">党员</option>
						<option  value="预备党员">预备党员</option>
						<option  value="民主党派">民主党派</option>
						<option  value="团员">团员</option>
						<option  value="群众">群众</option>
						<option  value="其他">其他</option>
					</select>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">最高学历：</label>
					<select class="input-information education" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						<option style="display:none" value="${staffxq[0]['education']}">${staffxq[0]['education']}</option>
						<option  value="博士">博士</option>
						<option  value="硕士/MBA/EMBA">硕士/MBA/EMBA</option>
						<option  value="本科">本科</option>
						<option  value="大专/高职">大专/高职</option>
						<option  value="高中/中专/中技">高中/中专/中技</option>
						<option  value="初中">初中</option>
						<option  value="小学">小学</option>
						<option  value="其他">其他</option>
					</select>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">婚姻状况：</label>
					<select class="input-information marriage" style="height:25px;margin-left: -3px;" readonly="readonly"  disabled="disabled">
						<option style="display:none" value="${staffxq[0]['marriage']}">${staffxq[0]['marriage']}</option>
						<option  value="已婚">已婚</option>
						<option  value="未婚">未婚</option>
					</select>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">紧急联系人姓名：</label><input class="input-information urgent" value="${staffxq[0]['urgent']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">紧急联系人电话：</label><input class="input-information urgent_phone" value="${staffxq[0]['urgent_phone']}" readonly="readonly"/>
				</div>
				<div style="display:inline-block;width:49%;">
					<label  style="width:36%;text-align:center;display:inline-block;font-size:15px;">QQ：</label><input class="input-information qq" value="${staffxq[0]['qq']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:80%;margin:30px auto;"><!-- 一行 -->
				<div style="display:inline-block;width:49%;"><!-- 一列 -->
					<label style="width:36%;text-align:center;display:inline-block;font-size:15px;">微信：</label><input class="input-information weixin" value="${staffxq[0]['weixin']}" readonly="readonly"/>
				</div>
			</div>
			
			<div style="width:100%;height:64px;background:white;margin:30px auto;text-align:center;line-height:40px;position:absolute;bottom:-30px;margin-left:-140px;">
				<input onClick="fanhui()" type="button" style="margin: 0 20px;padding: 4px 15px;font-size: 16px; background:#d9534f!important;border-radius: 3px;border: none;cursor: pointer;color: white;" value="返回"/>
			</div>
		</div>
		</div>
	  <script type="text/javascript">
	  //返回
	  	function fanhui(){
	  		$("#content-admin").panel('open').panel('refresh','ljj-staff');
	  	}
	  </script>
   
</body>
</html>